﻿.wrap{
	width: 1070px;
}
.game-banner{
    position: relative;
    height: 590px;
	background: url(../images/banner.jpg) no-repeat center 0 #1B1213;
	z-index: 1;
}
.gameend-banner{
	background: url(../images/banner-end.jpg) no-repeat center 0 #1B1213;
}
.game-banner .countdown{
	position: absolute;
	top: 520px;
	left: 0;
	width: 100%;
	font-size: 20px;
	color: #FFF;
	text-align: center;
}
.game-banner .countdown strong{
	margin-left: 25px;
	font-size: 30px;
	font-weight: 100;
	color: #A08132;
}
.game-banner .box-apply{
	position: absolute;
	top: 220px;
	left: 50%;
	width: 210px;
	margin-left: 280px;
	text-align: center;
	color: #000;
}
.game-banner .box-apply .title{
	font-size: 20px;
	border-bottom: 1px solid #777;
}
.game-banner .box-apply .title strong{
	font-size: 30px;
	color: #B2000D;
}
.game-banner .list-apply{
	height: 148px;
	margin-top: 5px;
	overflow: hidden;
}
.game-banner .list-apply li{
	margin: 0 10px;
	border-bottom: 1px solid #777;
	overflow: hidden;
}
.game-banner .list-apply li span{
	float: left;
	height: 24px;
	line-height: 24px;
}
.game-banner .list-apply li .date{
	width: 60px;
}
.game-banner .list-apply li .time{
	width: 60px;
}
.game-banner .list-apply li .name{
	width: 70px;
}
.game-banner .btn-enter{
	display: inline-block;
	width: 131px;
	height: 39px;
	margin-top: 5px;
	background: url(../images/btn-enter.png) no-repeat center 0;
	cursor: pointer;
}
.game-info{
	height: 390px;
	background: url(../images/bg-game-info.png) no-repeat center 0 #161616;
}

.game-info ul{
	width: 1048px;
	margin: 0 auto;
	padding-top: 120px;
}

.game-info li{
	float: left;
	width: 270px;
	padding: 0 10px 0 30px;
	margin-right: 30px;
}
.game-info li.final{
	width: 310px;
	padding-right: 0;
	margin-right: 0;
}
.game-info p{
	margin-top: 10px;
	padding-left: 90px;
	font-size: 16px;
	color: #FFF;
	transition: .3s;
}
.game-info p.high{
	color: #B99E54;
}
.game-info .type{
	float: left;
	margin-left: -90px;
	color: #FFF;
}
.game-info .view{
	position: relative;
	margin-top: 30px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 18px;
	color: #FFF;
}
.game-info li.final .view{
	margin-top: 5px;
	color: #B1B1B1;
}
.game-info li.newbie a{
	color: #9A8345;
}
.game-info li.expert a{
	color: #9A8345;
	cursor: default;
}
.game-info li .view .btn-apply{
	display: inline-block;
	width: 164px;
	border: 1px solid #9A8345;
	color: #9A8345;
	border-radius: 10px;
	cursor: pointer;
	transition: .3s;
}
.game-info li .view .btn-apply:hover{
	background-color: #9A8345;
	color: #000;
}
.game-info li .view .btn-apply-disable,
.game-info li .view .btn-apply-disable:hover{
	border: 1px solid #555;
	background-color: #000;
	color: #555;
	cursor: default;
}
.game-bonus{
	height: 690px;
	background: url(../images/bg-game-bonus.png) no-repeat center 0;
}
.game-flow{
	height: 344px;
	background: url(../images/bg-game-flow.jpg) no-repeat center 0;
}
.game-rule{
	height: 541px;
	background: url(../images/bg-game-rule.png) no-repeat center 0;
}
.game-rule ul{
	padding: 174px 0 0 234px;
}
.game-rule li{
	font-size: 14px;
	color: #FFF;
	line-height: 30px;
}
/*弹窗特定样式*/
.login_window {
    background-color: #244f82;
}
.login_window span {
	color: #eee2ba;
}
.login_window input {
	color: #454573;
	background-color: #d5e2f3;
}
.login_window .userTitle {
	background-color: #d5e2f3;
	color: #454573;
}
.login_window p {
	color: #fff;
}
.comoBox a {
	color: #d3e3f3;
	border:1px solid #d3e3f3;
	background-color:#244f82;
}
.login_window button.login_btn {
	color: #fff0d9;
	background-color: #497fd9;
}
.login_window em {
    color:#244f82
}
.pop-table{
	position: fixed;
	z-index: 99;
	width: 600px;
	padding: 30px;
	background-color: #222;
	border-radius: 10px;
}
.pop-table .close{
	position: absolute;
	top: -16px;
	right: -16px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 24px;
	color: #222;
	background-color: #FFF;
	border-radius: 16px;
	transition: .3s;
}
.pop-table .close:hover {
    transform: rotate(180deg);
}
.pop-table .title{
	margin-bottom: 10px;
	text-align: center;
	font-size: 20px;
	color: #FFF;
}
.pop-table .title strong{
	font-weight: 100;
	color: #B99E54;
}
.pop-table .table{
	width: 100%;
	background-color: #343434;
	border-collapse: collapse;
    border-spacing: 0;
}
.pop-table th,
.pop-table td{
	padding: 5px;
	border: 1px solid #505050;
	font-size: 14px;
	color: #FFF;
	text-align: center;
}
.pop-table th{
	background-color: #505050;
}
.pop-table a{
	color: #FFF;
}
.holder{
	margin-top: 30px;
	text-align: center;
}
.holder a{
	display: inline-block;
	height: 30px;
	margin: 0 5px;
	line-height: 30px;
	color: #FFF;
	cursor: pointer;
}
.holder a.jp-current{
	color: #E62800;
}
.jp-previous,
.jp-next{
	padding: 0 10px;
	background-color: #1D72EF;
	border-radius: 3px;
}
.pop-con,.dialog_container{
	width: 558px;
	height: 346px;
	background: url(../images/pop.png) no-repeat center 0;
	box-shadow: none;
}
.pop-con-top,.dialog_title,.dialog_close{
	display: none;
}
.pop-con .pop-line{
	background: none;
}
.pop-con-mid .si-con{
	margin-top: 100px;
	color: #FFF;
}
.pop-con-mid .bttn,
.dialog_ok, .dialog_cancel{
	height: 38px;
	line-height: 38px;
	background-color: #9D7E2E;
	background-image: linear-gradient(to right,#9D7E2E,#F0DC9F);
	color: #333;
	transition: .3s;
}
.pop-con-mid .bttn:hover{
	background: #F0DC9F;
	background-image: linear-gradient(to right,#F0DC9F,#F0DC9F);
}
.dialog_content{
	margin: 100px auto 0;
	color: #FFF;
}
.dialog_cancel{
	background: #999;
}

/* gameend */
.gameend-banner{
	background: url(../images/banner-end.jpg) no-repeat center 0 #1B1213;
}
.gameend-info{
	height: 261px;
	background: url(../images/bg-gameend-info.png) no-repeat center 0 #161616;
}
.gameend-info ul{
	padding-top: 0;
	width: 810px;
}
.gameend-info li{
	width: 220px;
	margin: 0 25px;
	padding: 0;
	text-align: center;
	font-size: 16px;
	color: #FFF;
}
.gameend-info li .text{
    padding-top: 20px; 
}
.gameend-info li .info{
    padding-top: 60px; 
}
.gameend-info li .link{
    display: inline-block;
	width: 144px;
	height: 36px;
	margin-top: 20px;
	line-height: 36px;
	border: 1px solid #9A8345;
	color: #9A8345;
	border-radius: 10px;
	cursor: pointer;
	transition: .3s;
}
.game-info li .link:hover{
	background-color: #9A8345;
	color: #000;

}
.gameend-bonus{
	background: url(../images/bg-gameend-bonus.jpg) no-repeat center 0 #141418;
}
.gameend-flow{
	background: url(../images/bg-gameend-flow.jpg) no-repeat center 0;
}
.gameend-rule{
	height: 541px;
	background: url(../images/bg-gameend-rule.png) no-repeat center 0;
}
.game-hot{
	height: 619px;
	background: url(../images/bg-gameend-hot.png) no-repeat center 0;
}
.game-hot .title{
	width: 660px;
	margin: 0 auto;
	padding: 3px 0;
	background: #1A1A1A;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	border-radius: 5px;
}
.game-hot .title li{
	display: inline-block;
	height: 32px;
	padding: 0 10px;
	line-height: 32px;
	margin: 0 18px;
	color: #FFF;
	cursor: pointer;
	border-radius: 5px;
	transition: .3s;
}
.game-hot .title li.current{
	background-color: #9D7E2E;
	background-image: linear-gradient(to right,#9D7E2E,#F0DC9F);
	color: #000;
}
.game-hot .title li:hover{
	background-color: #9D7E2E;
	color: #000;
}
.game-hot .content{
	width: 600px;
	margin: 30px auto;
}
.game-hot .table{
	width: 100%;
	border-collapse: collapse;
    border-spacing: 0;
}
.game-hot .table th,.game-hot .table td{
	padding: 4px 10px;
	font-size: 14px;
	text-align: center;
	color: #A5A5A5;
	background-color: #131313;
	border: 1px solid #000;
}
.game-hot .table th{
	padding: 6px 10px;
	background-color: #1A1A1A;
	font-weight: 100;
	color: #FFF;
}
.game-hot .table tr:nth-child(even) td{
	background-color: #0C0C0C;
}
.game-hot .table a{
	color: #9A9A9A;
	transition: .3s;
}
.game-hot .table a:hover{
	color: #FFF;
	text-decoration: underline;
}
.game-hot-my{
	height: 406px;
	background: url(../images/bg-game-hot-my.jpg) no-repeat center 0;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
	color: #A3A3A3;
}
.game-hot-my .table th,.game-hot-my .table td{
	color: #A3A3A3;
	background-color: transparent;
	border: none;
	font-size: 16px;
}
.game-hot-my .time-info{
	width: 400px;
	height: 70px;
	margin: 120px auto 0;
}
#popBetInfo{
	height: 380px;
}
#popBetInfo .note-title{
	text-align: center;
	font-size: 16px;
	color:#FFF;
}